---
---

<script is:inline>
    document.addEventListener("astro:page-load", () => {
        let ov = document.querySelector(".header-ov");
        let header = document.querySelector(".header");
        let ob = new IntersectionObserver((e) => {
            header.classList.toggle("scrolled", e[0].isIntersecting < 1)
        },);
        ob.observe(ov);
    });
</script>

